.nav {
  display: flex;
  height: .44rem;
  background: #fff; }
  .nav span {
    display: flex;
    flex: 1; }
  .nav .city {
    color: #666;
    font-size: .15rem;
    padding-left: .15rem;
    line-height: .44rem; }
  .nav .hot {
    text-align: center;
    margin: 0 .12rem;
    font-weight: 700;
    font-size: .15rem;
    line-height: .44rem; }
  .nav .future {
    color: #666;
    text-align: center;
    margin: 0 .12rem;
    font-weight: 700;
    font-size: .15rem;
    line-height: .44rem; }
  .nav .yo-ico {
    color: #ef4238;
    font-size: .2rem;
    line-height: .44rem;
    text-align: center;
    align-items: center; }
  .nav .active {
    color: #ef4238;
    border-bottom: .02rem solid #ef4238; }
